﻿<!DOCTYPE html>
<html ng-app="myApp">
<head>
		<meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - My ASP.NET Application</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
	
		@Scripts.Render("~/bundles/jquery")
		@Scripts.Render("~/bundles/bootstrap")
		@Scripts.Render("~/bundles/angular")



		<script src="~/Scripts/Angular_Controllers/MainController.js"></script>
		<script src="~/Scripts/Angular_Controllers/Factories.js"></script>
				
</head>
<body>
		<div ng-controller="MainController">
		<div class="navbar navbar-inverse navbar-fixed-top">
				<div class="container">
						<div class="navbar-header">
								<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
								</button>
								@*@Html.ActionLink("Application name", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })*@
								<a href="@Url.Action("Index", "Home")" class="navbar-brand"><span class="glyphicon glyphicon-fire">&nbsp;</span>Dataverse Angular</a>
						</div>
						<div class="navbar-collapse collapse">
								<ul class="nav navbar-nav navbar-right">
										@*<li>@Html.ActionLink("Home", "Index", "Home")</li>
												<li>@Html.ActionLink("Orders", "Orders", "Home")</li>
												<li>@Html.ActionLink("Items", "Items", "Home")</li>
												<li>@Html.ActionLink("About", "About", "Home")</li>
												<li>@Html.ActionLink("Contact", "Contact", "Home")</li>*@

										@*<li><a href="@Url.Action("Index", "Home")" class="btn"><span class="glyphicon glyphicon-user">&nbsp;</span>Customers</a></li>*@

										<li><a class="btn" ng-click="toggleCustomers()"><span class="glyphicon glyphicon-user">&nbsp;</span>Customers</a></li>
										@*<li><a href="@Url.Action("Items", "Home")" class="btn"><span class="glyphicon glyphicon-th">&nbsp;</span>Items</a></li>*@
										<li><a class="btn" ng-click="toggleItems()"><span class="glyphicon glyphicon-th">&nbsp;</span>Items</a></li>
										@*<li><a href="@Url.Action("Orders", "Home")" class="btn"><span class="glyphicon glyphicon-pencil">&nbsp;</span>Orders</a></li>*@
										<li><a class="btn" ng-click="toggleOrders()"><span class="glyphicon glyphicon-pencil">&nbsp;</span>Orders</a></li>
										<li><a href="@Url.Action("About", "Home")" class="btn"><span class="glyphicon glyphicon-tag">&nbsp;</span>About</a></li>
										<li><a href="@Url.Action("Contact", "Home")" class="btn"><span class="glyphicon glyphicon-envelope">&nbsp;</span>Contact</a></li>
								</ul>
						</div>
				</div>
		</div>


				<div class="container body-content">
						@RenderBody()
				</div>

						<footer class="navbar navbar-inverse navbar-fixed-bottom">
								<div class="container">
										<div class="navbar-header">
												<p class="navbar-brand" style="font-size: 1em; cursor: default;">&copy; 2015 Dataverse Angular</p>
										</div>
										<div class="">
												<ul class="nav navbar-nav navbar-right">
														<li><a href=""><span class="glyphicon glyphicon-globe">&nbsp;</span>Version: 1.0.0.0</a></li>
												</ul>
										</div>
								</div>
						</footer>
				</div>

				@RenderSection("scripts", required: false)
</body>
</html>
